<template>
  <div class="mt-2">
    <h3 class="text-gray-500">Tips</h3>
    <ul class="text-gray-600">
      <li class="mt-1"><small>Fewer shapes is better.</small></li>
      <li class="mt-1">
        <small
          >Minimize the number of partially-covered pixels - ideally pixels are
          either fully covered or not covered at all.</small
        >
      </li>
      <li class="mt-1">
        <small
          >Ultimately a good design is determined by scannability, so
          <strong>make sure your design scans!</strong></small
        >
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>